﻿
@section css{
    <link href="~/Wap/cation.css" rel="stylesheet" />
}

@section scripts{
    <script type="text/javascript">
        var bootstrap = function ($, ibpm) {
            "use strict";
            var page = {
                init: function () {
                    //初始化
                    page.bind();
                },
                bind: function () {

                }
            };
            page.init();
        };
        function GotoPage(cid) {
             alert(cid);
        }
    </script>
}

<div class="warp clearfloat">
    <div class="cations clearfloat">
        <div class="list clearfloat fl">
            <a href="javascript:GotoPage(58);">
                <p class="tit over box-s">家居家纺</p>
                <div class="tu">
                    <img src="/Playground/images/jiaju.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="javascript:GotoPage(38);">
                <p class="tit over box-s">3C数码</p>
                <div class="tu">
                    <img src="/Playground/images/3c.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">家用电器</p>
                <div class="tu">
                    <img src="/Playground/images/dianqi.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">厨房小电</p>
                <div class="tu">
                    <img src="/Playground/images/chufang.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">零食小吃</p>
                <div class="tu">
                    <img src="/Playground/images/lingshi.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">酒水饮料</p>
                <div class="tu">
                    <img src="/Playground/images/4.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">个护健康</p>
                <div class="tu">
                    <img src="/Playground/images/gehu.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">生活电器</p>
                <div class="tu">
                    <img src="/Playground/images/shenghuo.jpg" />
                </div>
            </a>
        </div>

        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">服饰</p>
                <div class="tu">
                    <img src="/Playground/images/fuzhuang.jpg" />
                </div>
            </a>
        </div>
        <div class="list clearfloat fl">
            <a href="/Mall/List">
                <p class="tit over box-s">生鲜水果</p>
                <div class="tu">
                    <img src="/Playground/images/sg.jpg" />
                </div>
            </a>
        </div>
    </div>
</div>